$(".man-col").mouseenter(function () {
    $(".man-list").stop(true)
    $(".man-list").animate({
        height: 'show'
    }, 200)
});
$(".man-col").mouseleave(function () {
    $(".man-list").stop(true)
    $(".man-list").animate({
        height: 'hide'
    }, 200)
});
$(".woman-col").mouseenter(function () {
    $(".woman-list").stop(true)
    $(".woman-list").animate({
        height: 'show'
    }, 200)
});
$(".woman-col").mouseleave(function () {
    $(".woman-list").stop(true)
    $(".woman-list").animate({
        height: 'hide'
    }, 200)
});
$(".parts").mouseenter(function () {
    $(".parts-list").stop(true)
    $(".parts-list").animate({
        height: 'show'
    }, 200)
});
$(".parts").mouseleave(function () {
    $(".parts-list").stop(true)
    $(".parts-list").animate({
        height: 'hide'
    }, 200)
});

// 吸顶菜单
window.onscroll = function () {
    var scroollTop = document.documentElement.scrollTop || document.body.scrollTop;
    if (scroollTop >60) {
       $(".header_con").css({'position':'fixed','top':'0','z-index':'99'}),
       $(".img_logo>img").css({'width':'70','height':'38'})
    } else {
    $(".header_con").css({'position':'relative'}),
    $(".img_logo>img").css({'width':'170','height':'94'})
}
}

// 选择尺码
$(".size1").click(function(){
    // console.log(1)
    $(this).addClass("active"),
    $(this).siblings().removeClass("active")
})

// 锚点
// 因为页面卷动在吸顶菜单上写过，所以不用再次写卷动
// 回到顶部;
// 1. 点击回到顶部按钮;
// 2. 设置scrollTop 为0;
$(".fa-angle-up").click(function(){
    document.documentElement.scrollTop = 0;
    document.body.scrollTop = 0;
})

// 放大镜
$(".middle-img").mouseover(function(){
    $(".mask").css({'display':'block'}),
    $(".big-img").css({'display':'block'})
})
$(".middle-img").mouseout(function(){
    $(".mask").css({'display':'none'}),
    $(".big-img").css({'display':'none'})
})
$(".middle-img").mousemove(function(evt){
    var e=evt || event;
    var offset=$(".middle-img").offset();
    var _left=e.clientX-offset.left-$(".mask").width()/2;
    var _top=e.clientY-offset.top-$(".mask").height()/2;
    // 最小边界检测
    _left = _left <= 0 ? 0 : _left;
    _top  = _top  <= 0 ? 0 : _top;
    // 最大边界检测
    var _left_max=$(".middle-img").width()-$(".mask").width();
    var _top_max  =$(".middle-img").height()-$(".mask").height();
    _left = _left >= _left_max ? _left_max : _left;
      _top  = _top  >= _top_max  ? _top_max  : _top;

      $(".mask").css({
          left:_left,
          top:_top
      })
       // 计算left,top的移动百分比
       var prop_left = _left / _left_max;
       var prop_top  = _top  / _top_max;
        // 给百分比设置到大图的背景上;
        $(".big-img").css({
            'backgroundPositionX':prop_left.toFixed(2)*100 + "%",
        })
        $(".big-img").css({
            'backgroundPositionY':prop_top.toFixed(2)*100 + "%",
        })
})



// 鼠标移入微博颜色变为黑色
$(".fa-weibo").mouseenter(function () {
    $(".fa-weibo").animate({
        opacity:'1'
    }, 300)
});
$(".fa-weibo").mouseleave(function () {
    $(".fa-weibo").animate({
        opacity:'0.3'
    }, 300)
});
